<template>
  <div class="dateRange">
    range： <a-range-picker combine-range @change="onChange" />

    <br>
    <br>

    year： <a-year-picker :default-picker-value="defaultYear" @change="onChange" />

    <br>
    <br>

    month： <a-month-picker :default-picker-value="defaultMonth" @change="onChange" />

    <br>
    <br>

    week： <a-week-picker @change="onChange" />

    <br>
    <br>

    date： <a-date-picker @change="onChange" />
  </div>
</template>

<script>
import moment from 'moment';

export default {
  name: 'DateRange',
  data() {
    return {
      defaultYear: moment('2030'),
      defaultMonth: moment('2020-08'),
    };
  },
  created() {},
  methods: {
    onChange(date, dateStr) {
      // eslint-disable-next-line
      console.log(date, dateStr);
    },
  },
};
</script>

<style lang="less" scoped>
.dateRange {
}
</style>
